<template>
  <div id="gtco-blog" data-section="blog">
    <div class="gtco-container">
      <div class="row">
        <div class="col-md-8 col-md-offset-2 text-center gtco-heading">
          <h2>Teacher Show</h2>
          <p>Some excellent teachers are shown here.</p>
        </div>
      </div>
      <div class="row">
        <div class="col-md-4">
          <a href="#" class="gtco-card-item has-text">
            <figure>
              <div class="overlay"><i class="ti-plus"></i></div>
              <img src="../../static/images/img_1.jpg" alt="Image" class="img-responsive">
            </figure>
            <div class="gtco-text text-left">
              <h2>Name:Trust</h2>
              <h2>Subject:English</h2>
              <p>price: 200$/hour</p>
              <p class="gtco-category">Sep. 25th, 2016 by John Doe</p>
            </div>
          </a>
        </div>

        <div class="col-md-4">
          <a href="#" class="gtco-card-item has-text">
            <figure>
              <div class="overlay"><i class="ti-plus"></i></div>
              <img src="../../static/images/img_2.jpg" alt="Image" class="img-responsive">
            </figure>
            <div class="gtco-text text-left">
              <h2>25 Minimal Web Design for Inspiration</h2>
              <p>Far far away, behind the word mountains, far from the countries Vokalia..</p>
              <p class="gtco-category">Sep. 25th, 2016 by John Doe</p>
            </div>
          </a>
        </div>
        <div class="clearfix visible-sm-block"></div>
        <div class="col-md-4">
          <a href="#" class="gtco-card-item has-text">
            <figure>
              <div class="overlay"><i class="ti-plus"></i></div>
              <img src="../../static/images/img_3.jpg" alt="Image" class="img-responsive">
            </figure>
            <div class="gtco-text text-left">
              <h2>25 Minimal Web Design for Inspiration</h2>
              <p>Far far away, behind the word mountains, far from the countries Vokalia..</p>
              <p class="gtco-category">Sep. 25th, 2016 by John Doe</p>
            </div>
          </a>
        </div>
        <div class="clearfix visible-lg-block visible-md-block"></div>

        <div class="col-md-4">
          <a href="#" class="gtco-card-item has-text">
            <figure>
              <div class="overlay"><i class="ti-plus"></i></div>
              <img src="../../static/images/img_4.jpg" alt="Image" class="img-responsive">
            </figure>
            <div class="gtco-text text-left">
              <h2>25 Minimal Web Design for Inspiration</h2>
              <p>Far far away, behind the word mountains, far from the countries Vokalia..</p>
              <p class="gtco-category">Sep. 25th, 2016 by John Doe</p>
            </div>
          </a>
        </div>
        <div class="clearfix visible-sm-block"></div>

        <div class="col-md-4">
          <a href="#" class="gtco-card-item has-text">
            <figure>
              <div class="overlay"><i class="ti-plus"></i></div>
              <img src="../../static/images/img_5.jpg" alt="Image" class="img-responsive">
            </figure>
            <div class="gtco-text text-left">
              <h2>25 Minimal Web Design for Inspiration</h2>
              <p>Far far away, behind the word mountains, far from the countries Vokalia..</p>
              <p class="gtco-category">Sep. 25th, 2016 by John Doe</p>
            </div>
          </a>
        </div>

        <div class="col-md-4">
          <a href="#" class="gtco-card-item has-text">
            <figure>
              <div class="overlay"><i class="ti-plus"></i></div>
              <img src="../../static/images/img_6.jpg" alt="Image" class="img-responsive">
            </figure>
            <div class="gtco-text text-left">
              <h2>25 Minimal Web Design for Inspiration</h2>
              <p>Far far away, behind the word mountains, far from the countries Vokalia..</p>
              <p class="gtco-category">Sep. 25th, 2016 by John Doe</p>
            </div>
          </a>
        </div>
        <div class="clearfix visible-lg-block visible-md-block"></div>
        <div class="clearfix visible-sm-block"></div>

      </div>
    </div>
  </div>
</template>

<script>

export default {
  created() {

  },
  name: 'List',
  data () {
    return {

    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
